<template>
<div class="meetinginfobox">
	<el-form label-width="70px" size="mini" label-position="left" >
		<el-row :gutter="10">
			<el-col :span="12">
				<el-form-item label="名称:" label-width="40px">
					<div style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%">{{info.RoomName}}</div>
				</el-form-item>
			</el-col>
			<el-col :span="12">
				<el-form-item label="容纳人数:">
					{{info.Capacity}}人
				</el-form-item>
			</el-col>
		</el-row>
		<el-row :gutter="10">
			<el-col :span="12">
				<el-form-item label="管理员:" label-width="60px">
					<div style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%">{{info.AdminName}}</div>
				</el-form-item>
			</el-col>
			<el-col :span="12">
				<el-form-item label="邮箱:" label-width="40px">
					<div style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%">{{info.AdminEmail}}</div>
				</el-form-item>
			</el-col>
		</el-row>
		<el-row :gutter="10">
			<el-col :span="12">
				<el-form-item label="提前预定:">
					{{info.ReserveAdvanceDays?info.ReserveAdvanceDays+'天':'不限' }}
				</el-form-item>
			</el-col>
			<el-col :span="12">
				<el-form-item label="位置:" label-width="40px">
					{{info.Position}}
				</el-form-item>
			</el-col>
		</el-row>
		<el-row :gutter="10">
			<el-col :span="12">
				<el-form-item label="预定模式:">
					{{getPredefinedmode(info.ApprovalType)}}
				</el-form-item>
			</el-col>
			<el-col :span="12">
				<el-form-item label="会议室状态:" label-width="80px">
					{{getRoomStatus(info.RoomStatus)}}
				</el-form-item>
			</el-col>
		</el-row>
		<el-row :gutter="10" v-if="info.Description">
			<el-col :span="24">
				<el-form-item label="备注:" label-width="40px">
					{{info.Description}}
				</el-form-item>
			</el-col>
		</el-row>
	</el-form>
</div>
</template>
<script type="es6">
import myCommon from '../../mixin/myCommon';
export default {
  mixins: [myCommon],
  data () {
    return {};
  },
  props: {
    info: {
      type: Object,
	    default: () => {
	      return {};
	    }
    }
  },
  components: {},
  computed: {},
  methods: {},
  mounted () {

  }
};
</script>
<style lang="less">
	.meetinginfobox {
		width: 100%;
		.el-form-item__content {
			font-size: 12px;
		}
		.el-form-item__label {
			font-size: 12px;
		}
		.el-form-item{
			margin-bottom: 2px;
		}
	}
</style>
